/**
 * 一、表单处理
 * 1、受控组件(推荐)：就是和类组件中的state联系在一起的
 * 2、非受控组件：和类中的state没有任何关系
 * 二、使用受控组件来采集的步骤
 * 1）定义state状态
 * 2) 在输入框元素中使用value来关联状态
 * 3) 为输入框元素设置onChange事件
 */
import React, { Component } from 'react'

export default class App extends Component {
  constructor(){
    super()
    this.state={
      name:''
    }
  }
  handleInputName=(e)=>{
    this.setState({name:e.target.value})
  }
  render() {
    return (
      <div>
          <input type="text" value={this.state.name} onChange={this.handleInputName}/>
      </div>
    )
  }
}
